<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>
<body>
    <button id="btn">按钮</button>

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <button id="btn2">按钮1</button>

    <script>
        // 1. 事件绑定
        $('#btn').on('click', function(){
            console.log('按钮被点击了')
        })
        // 事件委托
        $('ul').on('click','li',function(e){
            console.log(e.target)
        })

        // 2. one() 事件处理函数只执行一次
        $('#btn2').one('click', function(){
            console.log('按钮1被点击了')
        })

        // 3. off() 解绑事件


    </script>
</body>
</html>